import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import main from '@/components/main'
import homePage from '@/components/homePage'
import menu1 from '@/components/menu1'
import menu2 from '@/components/menu2'
import menu3 from '@/components/menu3'
import menu4 from '@/components/menu4'
import attentionPro from '@/components/attentionPro'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      // name: 'HelloWorld',
      // component: HelloWorld,
      name:main,
      component: main,
      children:[
        {
          path: '/homePage',
          name: 'homePage',
          component: homePage,
        },
        {
          path: '/menu1',
          name: 'menu1',
          component: menu1,
        },
        {
          path: '/menu2',
          name: 'menu2',
          component: menu2,
        },
        {
          path: '/menu3',
          name: 'menu3',
          component: menu3,
        },
        {
          path: '/menu4',
          name: 'menu4',
          component: menu4,
        },
        {
          path: '/attentionPro',
          name: 'attentionPro',
          component: attentionPro,
        },
      ]
    },
  ]
})
